<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>虚拟主机-网站空间</title>
    <style type="text/css">
        .wrapper{
            width: 990px;height: 633px;margin: 0 auto;

        }
        .module{
            height: 613px;
            width: 324px;
            float: left;
            margin-left: 5px;
        }
        .title{
            width: 264px;height: 82px;
            margin: 0 30px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e1e1e1;
            line-height: 5;
            font-size: 26px;
            color: #444;
            text-align: center;
            position: relative;
        }
        .but{
            width: 324px;
            height: 70px;
            padding-top: 24px;
            text-align: center;
        }
        .button{
            width: 220px;
            height: 46px;
            line-height: 46px;
            font-size: 16px;
            background: #2086ee;
            color: #fff;
            text-align: center;
            cursor: pointer;
            margin-top: 420px;
        }
        .module .button:hover{
            opacity: 0.5;
        }
        .module:hover{
            box-shadow: 0 3px 5px 5px #e6e6e6;
        }
        .module .button:hover{
            opacity: 0.9;
            background-color: #24a5ff;
        }
    </style>
</head>
        <body>
        <div class="wrapper">
            <div class="module">
                <div class="title">云峰A型&nbsp;1G</div>
                <div class="but">
                    <button type="button" class="button"> 立即购买</button>
                </div>
            </div>
                    <div class="module">
                        <div class="title">云峰A型&nbsp;1G</div>
                        <div class="but">
                            <button type="button" class="button"> 立即购买</button>
                        </div>
                     </div>
                                <div class="module">
                                    <div class="title">云峰A型&nbsp;1G</div>
                                    <div class="but">
                                        <button type="button" class="button"> 立即购买</button>
                                    </div>
                                </div>
        </div>
        </body>
</html>